<body class="home blog single-author two-column right-sidebar windows w7 chrome v31">
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="wrapper">
	<div id="container" class="clearfix">
		<?php $this->load->view("layout/header");?>
		<?php $this->load->view("layout/slide");?>
        
        <div id="main">
        	<div class="sidebar">
        	</div><!--/sidebar-->
        	<div class="content">
        		<div class="services">
                    <?php $count = 0; foreach($parents as $key => $value) { $count = $count + 1;?>
                    <div class="box-1 <?php if($count==4) echo 'last';?>" style="box-shadow: rgba(155, 155, 155, 0.0980392) 0px 0px 3px 2px; -webkit-box-shadow: rgba(155, 155, 155, 0.0980392) 0px 0px 3px 2px;">
        				<h1><a href="<?php echo base_url(), $value['slug']?>"><?php echo $value['title']?></a></h1>
        				<div>
        					<p><a class="service-thumb" href="<?php echo base_url(), $value['slug']?>"><img src="<?php echo base_url(), $value['image'];?>" alt="<?php echo $value['title']?>" width="200" height="112" style="display: inline;"></a></p>
        					<p class="intro"><?php echo $value['description']?></p>
        					<p class="button">
        						<a href="<?php echo base_url(), $value['slug']?>"><?php echo $translations['learn-more'];?><span class="arrow"></span>
        							<span class="hover" style="display: none;"><?php echo $translations['learn-more'];?><span class="arrow"></span></span>
        						</a>
        					</p>
        				</div>
        			</div><!--/box-1-->    
                    <?php } ?>
        		</div><!--/services-->
        		
        		<div class="box-2 guarantee" style="box-shadow: rgba(155, 155, 155, 0.0980392) 0px 0px 3px 2px; -webkit-box-shadow: rgba(155, 155, 155, 0.0980392) 0px 0px 3px 2px; width: 490px; margin-right: 0px; margin-top: 0px; height: 345px;">
        			<h2><a href="<?php echo base_url(), $about1['slug'];?>"><?php echo $about1['title']?></a></h2>
        			<div>
        				<div class="thumb"><a href="<?php echo base_url(), $about1['slug'];?>"><img src="<?php echo base_url(), $about1['image'];?>" alt="<?php echo $about1['title'];?>" width="96" height="132" style="display: inline;"></a></div>
        				<div id="scrollbox">
        					<div id="mcs2_container">
        						<div class="customScrollBox">
        							<div class="container" style="top: -0.012451171875px;">
        								<div class="content">
        									<?php echo $about1['detail'];?>
        								</div>
        							</div>
        							<div class="dragger_container" style="display: block;">
        								<div class="dragger ui-draggable" style="display: block; top: 0px;">▒</div>
        							</div>
        						</div>
        					</div>
        					<div class="more">
        						<p class="button"><a href="<?php echo base_url(), $about1['slug'];?>"><?php echo $translations['see-more'];?><span class="arrow"></span><span class="hover" style="display: none;"><?php echo $translations['see-more'];?><span class="arrow"></span></span></a></p>
        					</div>
        				</div>
        			</div>
        													
        		</div><!--/box-2-->
        		
        		<div class="clearfix"></div>
        		<div class="box-2 widget-area" id="footer-1" style="box-shadow: rgba(155, 155, 155, 0.0980392) 0px 0px 3px 2px; -webkit-box-shadow: rgba(155, 155, 155, 0.0980392) 0px 0px 3px 2px; height: 300px">
        			<h3 class="widget-title"> 
        				<a class="rsswidget" href="<?php echo $socials['facebook'];?>"><?php echo $translations['facebook'];?></a>
        			</h3>
                    <div class="fb-like-box" data-href="<?php echo $socials['facebook'];?>" data-width="450" data-height="250" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
        		</div><!--/box-2-->
        		<div class="box-2 last widget-area" id="footer-2" style="box-shadow: rgba(155, 155, 155, 0.0980392) 0px 0px 3px 2px; -webkit-box-shadow: rgba(155, 155, 155, 0.0980392) 0px 0px 3px 2px; height: 300px">
        			<h3 class="widget-title"><a href="<?php echo $socials['twitter'];?>"><?php echo $translations['tweets'];?></a></h3>
        			<div>
                        <a class="twitter-timeline" href="<?php echo $socials['twitter'];?>" data-widget-id="<?php echo $socials['widget_id'];?>"></a>
                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        			</div>
        		</div><!--/box-2-->
        		<div class="clearfix"></div>
        	</div><!--/content-->
        </div><!--/main-->
        
	</div><!--/container-->
</div><!--/wrapper-->

<?php $this->load->view("layout/footer");?>

</body>